<!--  -->
<template>
  <view class="container">
    <view class="top">
      <view class="avatar">
        <u-avatar :src="src"></u-avatar>
      </view>
      <view>
        <view class="name">张三</view>
        <view class="tel">188****8888</view>
      </view>
    </view>
    <view class="bottom">
      <u-cell-group>
        <u-cell-item icon="order" title="我的订单" @click="onJump('/pages/order/index',1)"></u-cell-item>
        <u-cell-item icon="map"   title="我的地址" @click="onJump('/pages/address/list',1)"></u-cell-item>
      </u-cell-group>
    </view>
  </view>
</template>

<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';

export default {
  //import引入的组件需要注入到对象中才能使用
  components: {},
  data() {
    //这里存放数据
    return {
      src: "https://cdn.uviewui.com/uview/swiper/1.jpg", //头像
    };
  },
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {
	  
	onJump(url,t){
		switch (t){
			case 1:
				// 保留当前页面，跳转到应用内的某个页面
				uni.navigateTo({url:url})
				break;
			case 2:
				// 关闭当前页面，跳转到应用内的某个页面。
				uni.redirectTo({url:url})
				break;	
			case 3:
				// 关闭所有页面，打开到应用内的某个页面。
				uni.reLaunch({url:url})
				break;
			case 4:
				// 跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。
				uni.switchTab({url:url})
				break;	
		}
	},  
	  
	  
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroy() {}, //生命周期 - 销毁之前
  destroyed() {}, //生命周期 - 销毁完成
  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
};
</script>
<style lang="scss" scoped>
.container {
  .top {
    padding: 32rpx;
    box-sizing: border-box;
    width: 100%;
    height: 300rpx;
    display: flex;
    align-items: center;
    .avatar {
      margin-right: 40rpx;
    }
	.name{
		margin-bottom: 15rpx;
		font-size: 30rpx;font-weight: 600;
		
	}
	.tel{font-size: 26rpx;color: #666;}
  }
}
</style>